<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="style.css">
    <title>Genius</title>
</head>
<body>
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light bg-light">
                <a class="navbar-brand col-lg-6" href="#"><img src="img/Genius_02.png"></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                    <div class="navbar-nav">
                        <a class="nav-item nav-link active" href="#">HOME<span class="sr-only">(current)</span></a>
                        <a class="nav-item nav-link active" href="#">ABOUT US</a>
                        <a class="nav-item nav-link active" href="#">SERVLCES</a>
                        <a class="nav-item nav-link active" href="#">COURSES</a>
                        <a class="nav-item nav-link active" href="#">PRLCLNG</a>
                        <a class="nav-item nav-link active" href="#">CONTACT</a>
                    </div>
                </div>
            </nav>
        </div>
        <section>
            <div class="sect_top">
                <img src="img/Genius_04.png">
                <div class="wenzi">
                    <h1>EDUCATION GENNIUS</h1>
                    <p>Lorem ipsum dolor sit amet,consectetur adipisicing<br>elitincidunt eius magni provident.</p>
                    <button class="but1">Read More</button>
                </div>
            </div>

            <div class="container">
                <div class="sect_1">
                    <div class="top">
                        <h1>Our Events</h1>
                        <p>Loremm ipsum dolor sit amet, consectetur adipiscing elit,Dolores quae porrp consequatur aliquam,incidunt eius magni provider. doloribent,doloribus omnis minus temporibus<br>
                            perferendis nesciunt quam repellendus nulla neamoo ipsum odit consequuntur possimus.
                        </p>
                    </div>
                </div>
                <div class="sect_2">
                    <div class="row">
                        <div class="col-lg-4">
                            <img src="img/Genius_07.png">
                            <h5>Mobile Dev</h5>
                            <p>Backed by some of the biggest biges names in the industry, Furefix OS is an open platform that fosters greater</p>
                        </div>
                        <div class="col-lg-4">
                            <img src="img/Genius_07.png">
                            <h5>Commmunication</h5>
                            <p>Backed by some of the biggest biges names in the industry, Furefix OS is an open platform that fosters greater</p>
                        </div>
                        <div class="col-lg-4">
                            <img src="img/Genius_07.png">
                            <h5>Computers</h5>
                            <p>Backed by some of the biggest biges names in the industry, Furefix OS is an open platform that fosters greater</p>
                        </div>
                        <div class="col-lg-4">
                            <img src="img/Genius_07.png">
                            <h5>Finance</h5>
                            <p>Backed by some of the biggest biges names in the industry, Furefix OS is an open platform that fosters greater</p>
                        </div>
                        <div class="col-lg-4">
                            <img src="img/Genius_07.png">
                            <h5>Maths</h5>
                            <p>Backed by some of the biggest biges names in the industry, Furefix OS is an open platform that fosters greater</p>
                        </div>
                        <div class="col-lg-4">
                            <img src="img/Genius_07.png">
                            <h5>Development</h5>
                            <p>Backed by some of the biggest biges names in the industry, Furefix OS is an open platform that fosters greater</p>
                        </div>
                    </div>
                </div>
                </div>
            </div>
            <div class="sect_3">
                <img src="img/Genius_10.png">
                <img src="img/456.jpg" class="img2">
                <div class="container">
                    <div class="top">
                        <h1>Our Events</h1>
                        <p>Loremm ipsum dolor sit amet, consectetur adipiscing elit,Dolores quae porrp consequatur aliquam,incidunt eius magni provider. doloribent,doloribus omnis minus temporibus<br>
                            perferendis nesciunt quam repellendus nulla neamoo ipsum odit consequuntur possimus.
                        </p>
                    </div>
                    <div class="left">
                        <p>Loremm ipsum dolor sit amet, consectetur adipiscing elit,Dolores quae porrp consequatur aliquam,incidunt eius magni provider. doloribent,doloribus omnis minus temporibus
                            consequuntur possimus.Loremm ipsum,Dolores quae,incidunt eius magni provider. doloribent,doloribus omnis minus temporibus
                            consequuntur possimus.</p>
                        <p>Loremm ipsum dolor sit amet, consectetur adipiscing elit,Dolores quae porrp consequatur aliquam,incidunt eius magni provider.</p>
                        <ul>
                            <li><img src="img/Geniuas_03.png" alt="">Lorem ipsum ipsum enimdolor sit amet</li>
                            <li><img src="img/Geniuas_03.png" alt="">Explicabo deleniti neque aliquid</li>
                            <li><img src="img/Geniuas_03.png" alt="">Consectetur adipisicing elit</li>
                            <li><img src="img/Geniuas_03.png" alt="">Lorem ipsum dolor sitamet</li>
                            <li><img src="img/Geniuas_03.png" alt="">Quo ismis molest qubusdam tepribus</li>
                        </ul>
                    </div>
            </div>
                <div class="sect_4">
                    <div class="container">
                        <div class="top">
                            <h1>Our Events</h1>
                            <p>Loremm ipsum dolor sit amet, consectetur adipiscing elit,Dolores quae porrp consequatur aliquam,incidunt eius magni provider. doloribent,doloribus omnis minus temporibus<br>
                                perferendis nesciunt quam repellendus nulla neamoo ipsum odit consequuntur possimus.
                            </p>
                        </div>
                        <div class="sect4_bottom">
                            <div class="row">
                                <div class="col-lg-4">
                                    <img src="img/Genius_13.png">
                                    <p>Fed</p>
                                    <span>LOREM IPSUM DOLOR SIT AMET , CONSECTEUR ADLPLS,</span>
                                </div>
                                <div class="col-lg-4">
                                    <img src="img/Genius_15.png">
                                    <p>March</p>
                                    <span>APSUM DOLOR SIT AMET, CONSET,CONSECTETUR ADIPISDSLIF.</span>
                                </div>
                                <div class="col-lg-4">
                                    <img src="img/Genius_17.png">
                                    <p>April</p>
                                    <span>DOLOP SIT AMET, CONSECTEUR ADIPSIIC INDFEFT</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="sect_5">
                        <div class="container">
                            <div class="top">
                                <h1>Campus Placement</h1>
                                <p>Loremm ipsum dolor sit amet, consectetur adipiscing elit,Dolores quae porrp consequatur aliquam,incidunt eius magni provider. doloribent,doloribus omnis minus temporibus<br>
                                    perferendis nesciunt quam repellendus nulla neamoo ipsum odit consequuntur possimus.
                                </p>
                            </div>
                            <div class="sect5_bottom">
                                <ul class="row">
                                    <li class="col-lg-2"><a href=""><img src="img/Genius_23.png" alt=""></a></li>
                                    <li class="col-lg-2"><a href=""><img src="img/Genius_26.png" alt=""></a></li>
                                    <li class="col-lg-2"><a href=""><img src="img/Genius_29.png" alt=""></a></li>
                                    <li class="col-lg-2"><a href=""><img src="img/Genius_23.png" alt=""></a></li>
                                    <li class="col-lg-2"><a href=""><img src="img/Genius_26.png" alt=""></a></li>
                                    <li class="col-lg-2"><a href=""><img src="img/Genius_29.png" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
        </section>
        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 row">
                        <div class="col-lg-6">
                            <ul>
                                <li><a href="">OUR Contact</a></li>
                                <li><a href="">Target company Lnc</a></li>
                                <li><a href="">JC Main Road,Neart silnile tower</a></li>
                                <li><a href="">Pin-21542 NewYork US.</a></li>
                                <p>(123)456-789-1255-12584</p>
                                <p>email@domainname.com</p>
                            </ul>
                        </div>
                        <div class="col-lg-6">
                            <ul>
                                <li><a href="">Quick Links</a></li>
                                <li><a href="">Latest Events</a></li>
                                <li><a href="">terms and conditions</a></li>
                                <li><a href="">privacy policy</a></li>
                                <li><a href="">Career</a></li>
                                <li><a href="">Contact us</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6 row">
                        <div class="col-lg-6">
                            <ul>
                                <li>Latest postst</li>
                                <li>lorem ipsum dolor sit amet,<br>consectetur adipsicing elit.</li>
                                <li>Pellentrsque et pulviner enim.Quisque<br>at tempor ligula</li>
                                <li>Natus error sit voluptatem accsantium<br>doloreque</li>
                            </ul>
                        </div>
                        <div class="col-lg-6">
                            <ul>
                                <li>Recent Newa</li>
                                <li>lorem ipsum dolor sit amet,<br>consectetur adipsicing elit.</li>
                                <li>Pellentrsque et pulviner enim.Quisque<br>at tempor ligula</li>
                                <li>Natus error sit voluptatem accsantium<br>doloreque</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_bottom">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6">
                            <p>Copyright &copy;.Company name All rights reserved.</p>
                        </div>
                        <div class="col-lg-6">
                            <ul>
                                <li><a href=""><img src="img/Genius_47.png" alt=""></a></li>
                                <li><a href=""><img src="img/Genius_45.png" alt=""></a></li>
                                <li><a href=""><img src="img/Genius_43.png" alt=""></a></li>
                                <li><a href=""><img src="img/Genius_41.png" alt=""></a></li>
                                <li><a href=""><img src="img/Genius_39.png" alt=""></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </footer>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
</body>
</html>